class Clock extends React.Component {
    constructor(props) {
        // 估计等同于 super.props = props 或者 this.props = props
        super(props); //我记得意思大概为：向父类传参props

        // 在组件的内部定义state及其值。
        this.state = { date: new Date() }
    }
    componentDidMount() {
        // 添加用于计时的 计数器timer ；方便后续清除定时器
        // 这里的this指向对象Clock本身
        this.timer = setInterval(
            // 这里的this指向定时函数
            () => this.tick(), // 返回tick()函数
            1000
        )
    }
    componentWillUnmount() {
        clearInterval(this.timer); // 清理定时计数器
    }
    tick() {
        this.setState({ //更新State
            date: new Date()
        });
    }
    render() {
        return ( <
            div >
            <
            h1 > Hello, world! < /h1> <
            h2 > It is { this.state.date.toLocaleTimeString() }. < /h2> < /
            div >
        );
    }
}

ReactDOM.render( <
    Clock / > ,
    document.getElementById('root')
);